<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>艺术盒子</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/quanzifenlei.css"/>
		<link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_1018294_lyh9o9c08x.css"/>
	</head>
	<body>
		<div class="WebPage">
			<header class="WebHead">
				<i class="iconfont icon-xiazai6"></i>
				<p>圈子分类</p>
			</header>
			<section class="WebContent">
				<div class="WebContent-Title">
					<input type="text" name="" id="" value="" placeholder="搜索" />
				</div>
				<div class="WebContent-Content">
					<div>
						<ul>
							<li>推荐圈子</li>
							<li>模特</li>
							<li>影视表演</li>
							<li>音乐表演</li>
							<li>舞蹈表演</li>
							<li>摄影表演</li>
							<li>魔术杂技</li>
							<li>戏剧曲艺</li>
							<li>主持主播</li>
							<li>幕后制作</li>
						</ul>
					</div>
					<div>
						<div>
							<div><img src="img/tuijianquanzi.jpg"/></div>
							<div>
								<p>广州艺术学院</p>
								<p>
									<i class="iconfont icon-yanjing">99</i>
									<i class="iconfont icon-liuyan">99</i>
									<i class="iconfont icon-tianjiayonghu">13</i>
								</p>
								<i class="iconfont icon-jia"></i>
							</div>
						</div>
						<div>
							<div><img src="img/tuijianquanzi.jpg"/></div>
							<div>
								<p>广州艺术学院</p>
								<p>
									<i class="iconfont icon-yanjing">99</i>
									<i class="iconfont icon-liuyan">99</i>
									<i class="iconfont icon-tianjiayonghu">13</i>
								</p>
							</div>
						</div>
						<div>
							<div><img src="img/tuijianquanzi.jpg"/></div>
							<div>
								<p>广州艺术学院</p>
								<p>
									<i class="iconfont icon-yanjing">99</i>
									<i class="iconfont icon-liuyan">99</i>
									<i class="iconfont icon-tianjiayonghu">13</i>
								</p>
							</div>
						</div>
						<div>
							<div><img src="img/tuijianquanzi.jpg"/></div>
							<div>
								<p>广州艺术学院</p>
								<p>
									<i class="iconfont icon-yanjing">99</i>
									<i class="iconfont icon-liuyan">99</i>
									<i class="iconfont icon-tianjiayonghu">13</i>
								</p>
							</div>
						</div>
						<div>
							<div><img src="img/tuijianquanzi.jpg"/></div>
							<div>
								<p>广州艺术学院</p>
								<p>
									<i class="iconfont icon-yanjing">99</i>
									<i class="iconfont icon-liuyan">99</i>
									<i class="iconfont icon-tianjiayonghu">13</i>
								</p>
							</div>
						</div>
						<div>
							<div><img src="img/tuijianquanzi.jpg"/></div>
							<div>
								<p>广州艺术学院</p>
								<p>
									<i class="iconfont icon-yanjing">99</i>
									<i class="iconfont icon-liuyan">99</i>
									<i class="iconfont icon-tianjiayonghu">13</i>
								</p>
							</div>
						</div>
						<div>
							<div><img src="img/tuijianquanzi.jpg"/></div>
							<div>
								<p>广州艺术学院</p>
								<p>
									<i class="iconfont icon-yanjing">99</i>
									<i class="iconfont icon-liuyan">99</i>
									<i class="iconfont icon-tianjiayonghu">13</i>
								</p>
							</div>
						</div>
						<div>
							<div><img src="img/tuijianquanzi.jpg"/></div>
							<div>
								<p>广州艺术学院</p>
								<p>
									<i class="iconfont icon-yanjing">99</i>
									<i class="iconfont icon-liuyan">99</i>
									<i class="iconfont icon-tianjiayonghu">13</i>
								</p>
							</div>
						</div>
						<div>
							<div><img src="img/tuijianquanzi.jpg"/></div>
							<div>
								<p>广州艺术学院</p>
								<p>
									<i class="iconfont icon-yanjing">99</i>
									<i class="iconfont icon-liuyan">99</i>
									<i class="iconfont icon-tianjiayonghu">13</i>
								</p>
							</div>
						</div>
					</div>
				</div>
			</section>
			<footer>
			</footer>
		</div>
		<script type="text/javascript" src="js/model.js"></script>
	</body>
</html>
